<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">
	<ui:define name="content">
	<f:loadBundle basename="resources.Post" var="varsita"/>
		<center>
			<h:form>
				<rich:panel>
					<f:facet name="header">


						<h:outputText
							style="BACKGROUND-COLOR: #c0c0c0;color:red;font-size:large"
							value="#{comunidadBean.postVisitado.titulo}" />
					</f:facet>
					<br />

					<h:panelGrid columns="3" border="5">

						<h:outputText value="Likes : #{comunidadBean.postVisitado.cantidadLikes}"></h:outputText>
						<h:outputText
							value="DisLikes : #{comunidadBean.postVisitado.cantidadDislikes}"></h:outputText>
						<h:outputText
							value="Cantidad Visitas: #{comunidadBean.postVisitado.cantidadVisitas}"></h:outputText>

					</h:panelGrid>
					<br />
					<br />
					<h:outputText value="#{varsita.fuente}" style="color:black" />
					<h:outputText value="#{comunidadBean.postVisitado.fuente}"
						style="width: 362px; height:30px;color: red; font-size: larger"
						disabled="true" />
					<br />
					<br />
					<rich:panel>
						<f:facet name="header">
							<h:outputText value="#{varsita.contenido}" />
						</f:facet>
						<h5 style="color: red; font-size: larger">#{comunidadBean.postVisitado.contenido}</h5>
					</rich:panel>

				</rich:panel>

				<br />
				<br />
				<rich:panel>

					<f:facet name="header">

						<h:outputText
							style="BACKGROUND-COLOR: #c0c0c0;color:red;font-size:large"
							value="#{varsita.comentales}" />

					</f:facet>
					<rich:dataTable value="#{comunidadBean.listarComentariosXPost}"
						var="com" border="5" id="t1" rows="5" reRender="scroll">
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{varsita.comentario}" style="color:red" />
							</f:facet>
							<h:inputTextarea value="#{com.contenido}"
								style="width: 362px; height:30px; color:red" disabled="true"></h:inputTextarea>
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{varsita.cargardatos}" style="color:red" />
							</f:facet>
							<h:commandLink value="Cargar"
								action="#{postBean.buscarUsuarioVisitando(com.usuario)}" />


						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{varsita.u}" style="color:red" />
							</f:facet>

							<a4j:commandLink value="#{com.usuario.nickUser}"
								onclick="#{rich:component('Usuario')}.show()">
							</a4j:commandLink>

						</rich:column>

						<f:facet name="footer">
							<rich:datascroller id="scroll"></rich:datascroller>
						</f:facet>
					</rich:dataTable>


				</rich:panel>

				<rich:panel>

					<f:facet name="header">

						<h:outputText
							style="BACKGROUND-COLOR: #c0c0c0;color:red;font-size:large"
							value="Realizar Comentario" />

					</f:facet>

					<h:panelGrid>
						<h:form>
							<h:inputText value="#{comunidadBean.contenidoComentario}"
								style="width: 365px; height: 100px; " />

							<br />
							<br />

							<h:commandButton value="#{varsita.comentar}"
								action="#{comunidadBean.metodoRegistrarComentario}" />
						</h:form>
					</h:panelGrid>
					
					<h:outputText value="#{comunidadBean.mensajeComentario}"/>

				</rich:panel>

			</h:form>

			<rich:modalPanel id="Usuario" autosized="true">
				<f:facet name="header">
					<h:outputText value="#{varsita.datosusuario}" />
				</f:facet>

				<f:facet name="controls">
					<h:form>
						<h:commandLink value="X"
							onclick="#{rich:component('Usuario')}.hide()" />
					</h:form>
				</f:facet>
				<h:form>
					<rich:panel>

						<f:facet name="header">

							<h:outputText
								style="BACKGROUND-COLOR: #c0c0c0;color:red;font-size:large"
								value="Informacion: #{postBean.usuarioVisitando.nombre}" />

						</f:facet>

						<h:form>
							<h:panelGrid columns="4" border="5" id="panelusuario">

								<rich:paint2D paint="#{postBean.cargarFotoUsuario}" width="100"
									height="100" data="#{postBean.usuarioVisitando.nickUser}" />
								<h:outputText value="#{postBean.usuarioVisitando.nickUser}" />
								<h:outputText value="#{postBean.usuarioVisitando.correo}" />
								<h:commandButton value="#{varsita.seguir}"
									action="#{postBean.seguirUsuario}" />

							</h:panelGrid>
						</h:form>


					</rich:panel>
				</h:form>
			</rich:modalPanel>

           <h:outputText value="#{comunidadBean.mensajeError}"/>

		</center>

	</ui:define>
	<ui:define name="footer">

	</ui:define>
</ui:composition>
</html>